<!-- followed by header.php -->
    <style type="text/css">
        .product-img {
            margin-left:100px; margin-top:50px; float:left;
            width:200px; height:180px;
        }
        
        .product-description {
            color:black;
            float:left;
            margin-top:140px;
            margin-left:20px;
            
        }
        
        #content ul li {vertical-align:middle;}
    </style>
    
    
    <div id="promotion" class="clear block-center">
        <img src="images/s_img003.jpg"/>
    </div>
    
    <div id="middle" class="block-center">
        <div id="side_menu" class="left">
            <div id="side_menu_title">
                <div class="left margin_10"><?php s_title003(); ?></div>
            </div>
            <ul id="menu-items" class="clear margin_10">
                <?php menu_item3_submenu() ?>
            </ul>
            
            <?php include "contact-info.php"; ?>
        </div>
        
        <div id="content" class="left center">
            <ul>
                <?php
                    for($i = 142; $i <= 156; $i++) {
                        echo '<li><div class="product-img"><img src="product/light/aplt_'.$i.'.jpg"/></div><div class="product-description">APLT_'.$i.'</div></li>';
                    } 
                ?>
            </ul>
        </div>
    </div>

<!-- continue with footer.php -->